<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="/easyui/themes/icon.css" />
		<link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
		<title>宝石管理-宝石列表</title>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
	</head>
	
	<body>
		<!-- 搜索栏 -->
		<form id="search_form">
			<table>
				<tr>
					<td><input id="role_id" /></td>
					<td><input id="category_id" /></td>

					<td><a id="search"></a></td>
					<td><a id="clear"></a></td>
				</tr>
			</table>
		</form>
		
		<!-- 宝石信息对话框 -->
		<div id="baoshi_dialog" style="display:none;">
			<form id="baoshi_form">
				<input type="hidden" id="id" name="id" />
				
				<table style="border-spacing:10px;">
					<tr>
						<td>宝石等级</td>
						<td><input id="grade" name="grade" /></td>

						<td>宝石类型</td>
						<td><input id="categoryId" name="categoryId" /></td>
					</tr>
					
					<tr>
						<td>归属角色</td>

						<td colspan="3">
							<input id="roleId" name="roleId" />
						</td>
					</tr>
				</table>
			</form>

			<div id="view" style="margin:10px;">
				<table>
					<thead>宝石预览：</thead>

					<tbody>
					<tr>
						<td rowspan='2'>
							<div style="border:1px blue solid;width:38px;height:38px;">
								<img height="36" id="baoshi_image" />
							</div>
						</td>

						<td>
							<span id="baoshi_grade"></span>级<span id="baoshi_name"></span>
						</td>
					</tr>

					<tr>
						<td>
							<span id="property_name">物理伤害</span>&ensp;+<span id="baoshi_property">72</span>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
	    
		<table id="baoshi_list"></table>

		<script type="text/javascript" src="/js/public.js"></script>
		<script type="text/javascript" src="/js/ajaxUtils.js"></script>
		<script type="text/javascript" src="/js/baoshi/baoshi_list.js"></script>
	</body>
</html>